<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
        integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>首页-小黑电影</title>
</head>

<body>
    <!-- 头部开始 -->
    <div class="header">
        <div class="header-inner">
            <h1 class="logo">
            </h1>
            <div class="city">
                <span>郑州</span>
                <span class="icon"></span>
                <div class="城市列表">
                </div>
            </div>
            <a href="./index.html" class="active">首页</a>
            <a href="./movie.html">电影</a>
            <a href="./cinema.html">影院</a>
            <a href="./perform.html">演出</a>
            <a href="#">榜单</a>
            <a href="#">热点</a>
            <a href="#">商城</a>
            <div class="search">
                <input type="text" placeholder="找影视剧、影人、影院">
            </div>
            <a href="#" class="user"><span class="icon"></span></a>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 主体开始 -->
    <div class="main">
        <div class="main-inner">
            <!-- 左侧开始 -->
            <div class="left">
                <!-- 正在热映开始 -->
                <div class="hot-movie">
                    <h2>
                        <span>正在热映</span>
                        <a href="#" name="tr">全部<span class="icon-right"></span></a>
                    </h2>
                    <div class="movie-list">
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_1.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    八佰
                                </span>
                                <em class="goal">
                                    9.9
                                </em>
                            </p>
                            <a href="./cinema.html?name=movie_1&tittle=八佰">购票</a>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_2.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    我在时间尽头等你
                                </span>
                                <em class="goal">
                                    9.5
                                </em>
                            </p>
                            <a href="./cinema.html?name=movie_2&tittle=我在时间尽头等你">购票</a>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_3.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    荞麦疯长
                                </span>
                                <em class="goal">
                                    9.3
                                </em>
                            </p>
                            <a href="./cinema.html?name=movie_3">购票</a>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_5.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    寻梦环游记
                                </span>
                                <em class="goal">
                                    9.1
                                </em>
                            </p>
                            <a href="./cinema.html?name=movie_5">购票</a>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_4.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    哈利波特
                                </span>
                                <em class="goal">
                                    8.8
                                </em>
                            </p>
                            <a href="./cinema.html?name=movie_4">购票</a>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_2.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    我在时间尽头等你
                                </span>
                                <em class="goal">
                                    9.5
                                </em>
                            </p>
                            <a href="./cinema.html?name=movie_2">购票</a>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_3.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    荞麦疯长
                                </span>
                                <em class="goal">
                                    9.2
                                </em>
                            </p>
                            <a href="./cinema.html?name=movie_3">购票</a>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_1.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    八佰
                                </span>
                                <em class="goal">
                                    9.9
                                </em>
                            </p>
                            <a href="./cinema.html?name=movie_1">购票</a>
                        </div>
                    </div>
                </div>
                <!-- 正在热映结束 -->
                <!-- 即将上映开始 -->
                <div class="come-movie">
                    <h2>
                        <span>即将上映</span>
                        <a href="#">全部<span class="icon-right"></span></a>
                    </h2>
                    <div class="movie-list">
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_1.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    八佰
                                </span>
                                <em class="goal">
                                    9.9
                                </em>
                            </p>
                            <span class="total">661966人想看</span>
                            <a href="#"><span>预告片</span><span>预售</span></a>
                            <span class="time">8月4日上映</span>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_2.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    我在时间尽头等你
                                </span>
                                <em class="goal">
                                    9.5
                                </em>
                            </p>
                            <span class="total">661966人想看</span>
                            <a href="#"><span>预告片</span><span>预售</span></a>
                            <span class="time">8月4日上映</span>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_3.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    荞麦疯长
                                </span>
                                <em class="goal">
                                    9.3
                                </em>
                            </p>
                            <span class="total">661966人想看</span>
                            <a href="#"><span>预告片</span><span>预售</span></a>
                            <span class="time">8月4日上映</span>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_5.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    寻梦环游记
                                </span>
                                <em class="goal">
                                    9.1
                                </em>
                            </p>
                            <span class="total">661966人想看</span>
                            <a href="#"><span>预告片</span><span>预售</span></a>
                            <span class="time">8月4日上映</span>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_4.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    哈利波特
                                </span>
                                <em class="goal">
                                    8.8
                                </em>
                            </p>
                            <span class="total">661966人想看</span>
                            <a href="#"><span>预告片</span><span>预售</span></a>
                            <span class="time">8月4日上映</span>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_2.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    我在时间尽头等你
                                </span>
                                <em class="goal">
                                    9.5
                                </em>
                            </p>
                            <span class="total">661966人想看</span>
                            <a href="#"><span>预告片</span><span>预售</span></a>
                            <span class="time">8月4日上映</span>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_3.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    荞麦疯长
                                </span>
                                <em class="goal">
                                    9.2
                                </em>
                            </p>
                            <span class="total">661966人想看</span>
                            <a href="#"><span>预告片</span><span>预售</span></a>
                            <span class="time">8月4日上映</span>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_1.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    八佰
                                </span>
                                <em class="goal">
                                    9.9
                                </em>
                            </p>
                            <span class="total">661966人想看</span>
                            <a href="#"><span>预告片</span><span>预售</span></a>
                            <span class="time">8月4日上映</span>
                        </div>
                    </div>
                </div>
                <!-- 即将上映结束 -->
                <!-- 热播电影开始 -->
                <div class="list-movie">
                    <h2>
                        <span>热播电影</span>
                        <p>
                            <a href="#">爱情</a>
                            <a href="#">喜剧</a>
                            <a href="#">动作</a>
                            <a href="#">恐怖</a>
                            <a href="#">动画</a>
                        </p>
                        <a href="#">全部<span class="icon-right"></span></a>
                    </h2>
                    <div class="movie-list">
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_1.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    八佰
                                </span>
                                <em class="goal">
                                    9.9
                                </em>
                            </p>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_2.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    我在时间尽头等你
                                </span>
                                <em class="goal">
                                    9.5
                                </em>
                            </p>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_3.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    荞麦疯长
                                </span>
                                <em class="goal">
                                    9.3
                                </em>
                            </p>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_5.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    寻梦环游记
                                </span>
                                <em class="goal">
                                    9.1
                                </em>
                            </p>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_4.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    哈利波特
                                </span>
                                <em class="goal">
                                    8.8
                                </em>
                            </p>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_2.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    我在时间尽头等你
                                </span>
                                <em class="goal">
                                    9.5
                                </em>
                            </p>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_3.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    荞麦疯长
                                </span>
                                <em class="goal">
                                    9.2
                                </em>
                            </p>
                        </div>
                        <div class="item">
                            <div class="click" type="button" data-toggle="modal" data-target="#exampleModal">
                                <img src="./images/source/movie_1.jpg" alt="">
                            </div>
                            <p class="intro">
                                <span class="tittle">
                                    八佰
                                </span>
                                <em class="goal">
                                    9.9
                                </em>
                            </p>
                        </div>
                    </div>
                </div>
                <!-- 热播电影结束 -->
            </div>
            <!-- 左侧结束 -->
            <!-- 右侧开始 -->
            <div class="data">
                <!-- 股票走势开始 -->
                <div class="tick">
                    <span class="tittle">今日大盘</span>
                    <p>
                        <span>2160.3万</span>
                        <a href="#" class="icon-right">查看更多</a>
                    </p>
                </div>
                <!-- 股票走势结束 -->
                <!-- 前100开始 -->
                <div class="top-100">
                    <h2>
                        <span>TOP 100</span>
                        <a href="" class="icon-right">查看完整榜单</a>
                    </h2>
                    <div class="item">
                        <div class="movie-img">
                            <img src="./images/source/movies.png" alt="">
                        </div>
                        <div class="intro">
                            <span class="sort">
                                1
                            </span>
                            <span class="name">
                                我不是药神
                            </span>
                            <span class="goal">
                                9.5
                            </span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="movie-img">
                            <img src="./images/source/movies.png" alt="">
                        </div>
                        <div class="intro">
                            <span class="sort">
                                2
                            </span>
                            <span class="name">
                                肖申克的就输
                            </span>
                            <span class="goal">
                                9.5
                            </span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="movie-img">
                            <img src="./images/source/movies.png" alt="">
                        </div>
                        <div class="intro">
                            <span class="sort">
                                3
                            </span>
                            <span class="name">
                                海上钢琴师
                            </span>
                            <span class="goal">
                                9.5
                            </span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="movie-img">
                            <img src="./images/source/movies.png" alt="">
                        </div>
                        <div class="intro">
                            <span class="sort">
                                4
                            </span>
                            <span class="name">
                                绿皮书
                            </span>
                            <span class="goal">
                                9.5
                            </span>
                        </div>
                    </div>
                    <div class="item">
                        <div class="movie-img">
                            <img src="./images/source/movies.png" alt="">
                        </div>
                        <div class="intro">
                            <span class="sort">
                                5
                            </span>
                            <span class="name">
                                霸王别姬
                            </span>
                            <span class="goal">
                                9.5
                            </span>
                        </div>
                    </div>
                </div>
                <!-- 前100结束 -->
                <!-- 热门影人开始 -->
                <div class="start">
                    <h2>
                        <span>热门影人</span>
                    </h2>
                    <div class="item">
                        <i>1</i>
                        <a href="#">黄渤</a>
                    </div>
                    <div class="item">
                        <i>2</i>
                        <a href="#">夏雨</a></a>
                    </div>
                    <div class="item">
                        <i>3</i>
                        <a href="#">宋祖儿</a>
                    </div>
                    <div class="item">
                        <i>4</i>
                        <a href="#">古天乐</a>
                    </div>
                    <div class="item">
                        <i>5</i>
                        <a href="#">张琪</a>
                    </div>
                    <div class="item">
                        <i>6</i>
                        <a href="#">王一博</a>
                    </div>
                    <div class="item">
                        <i>7</i>
                        <a href="#">张桐</a>
                    </div>
                    <div class="item">
                        <i>8</i>
                        <a href="#">刘昊然</a>
                    </div>
                    <div class="item">
                        <i>9</i>
                        <a href="#">刘浩存</a>
                    </div>
                </div>
                <!-- 热门影人结束 -->
                <!-- 娱乐热点开始 -->
                <div class="hotspots">
                    <h2>
                        <span>娱乐热点</span>
                    </h2>
                    <div class="item">
                        <i>1</i>
                        <a href="#">电影《热烈》发布插曲《给》MV！与梦同行上演欢乐整夏</a>
                    </div>
                    <div class="item">
                        <i>2</i>
                        <a href="#">电影《孤注一掷》官宣二轮点映 原型人物亲述境外</a></a>
                    </div>
                    <div class="item">
                        <i>3</i>
                        <a href="#">抱歉久等了！张艺谋大尺度犯罪电影《坚如磐石》</a>
                    </div>
                    <div class="item">
                        <i>4</i>
                        <a href="#">2023年暑期8月即将上映的儿童电影大集合</a>
                    </div>
                    <div class="item">
                        <i>5</i>
                        <a href="#">徐浩峰作品《入型入格》今日开机 陈坤吴磊演绎乱世</a>
                    </div>
                    <div class="item">
                        <i>6</i>
                        <a href="#">动画电影《奇迹少女》定档8月18日！</a>
                    </div>
                    <div class="item">
                        <i>7</i>
                        <a href="#">惊悚电影《替身纸人》定档10.13 离奇案件现纸人招魂术</a>
                    </div>
                    <div class="item">
                        <i>8</i>
                        <a href="#">张新成周雨彤携手演绎少年报国志 《大宋少年志2》</a>
                    </div>
                    <div class="item">
                        <i>9</i>
                        <a href="#">电影《无间之战》定档8月4日，黄宗泽、谢天华、</a>
                    </div>
                </div>
                <!-- 娱乐热点结束 -->
            </div>
            <!-- 右侧结束 -->
        </div>
    </div>
    <!-- 主体结束 -->
    <!-- 模态窗开始 -->
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog yugao">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">预览</h5>
                    <button type="button" class="close mybt" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body my">
                    <video id="myVideo" src="./images/source/source_1.mp4" controls></video>
                </div>
            </div>
        </div>
    </div>
    <!-- 模态窗结束 -->
    <div class="footer">
        <!-- 顶部开始 -->
        <div class="top">
            <dl>
                <dt algin="center">关于小黑电影事业群</dt>
                <dd><a href="./index.html" target="_parent">友情链接</a></dd>
                <dd><a href="./index.html" target="_parent">广告服务</a></dd>
                <dd><a href="./index.html" target="_parent">联系我们</a></dd>
            </dl>
            <dl>
                <dt>优酷热门</dt>
                <div>
                    <ul class="popular">
                        <li><a href="./index.html" target="_parent">购票</a></li>
                        <li><a href="./index.html" target="_parent">电影</a></li>
                        <li><a href="./index.html" target="_parent">影院</a></li>
                        <li><a href="./index.html" target="_parent">购票</a></li>
                        <li><a href="./index.html" target="_parent">电影</a></li>
                        <li><a href="./index.html" target="_parent">影院</a></li>
                        <li><a href="./index.html" target="_parent">购票</a></li>
                        <li><a href="./index.html" target="_parent">电影</a></li>
                        <li><a href="./index.html" target="_parent">影院</a></li>
                        <li><a href="./index.html" target="_parent">购票</a></li>
                        <li><a href="./index.html" target="_parent">电影</a></li>
                        <li><a href="./index.html" target="_parent">影院</a></li>
                        <li><a href="./index.html" target="_parent">购票</a></li>
                        <li><a href="./index.html" target="_parent">电影</a></li>
                        <li><a href="./index.html" target="_parent">影院</a></li>
                        <li><a href="./index.html" target="_parent">购票</a></li>
                        <li><a href="./index.html" target="_parent">电影</a></li>
                        <li><a href="./index.html" target="_parent">影院</a></li>
                    </ul>
                </div>
            </dl>
            <dl>
                <dt>产品中心</dt>
                <dd><a href="./index.html" target="_parent">PC客户端</a></dd>
                <dd><a href="./index.html" target="_parent">手机客户端</a></dd>
                <dd><a href="./index.html" target="_parent">视频云</a></dd>
            </dl>
            <dl>
                <dt>用户</dt>
                <dd><a href="./index.html" target="_parent">繁体版</a></dd>
                <dd><a href="./index.html" target="_parent">在线反馈</a></dd>
                <dd><a href="./index.html" target="_parent">侵权投诉</a></dd>
            </dl>
        </div>
        <!-- 中部开始 -->
        <div class="middle">
            <dl>
                <dd>网络文化经营许可证 经文网[2014]0934-234号</dd>
                <dd>网络110报警服务</dd>
                <dd>药品服务许可证(京)-经营-2015-0029</dd>
                <dd>节目制作经营许可证京字670号</dd>
            </dl>
            <dl>
                <dd>请使用者仔细阅读优酷《用户协议》、《隐私政策》、《版权声明》、《用户协议》、《用户协议》和历史协议文本</dd>
                <dd>Copyring@2023小黑xiaohei.com版权所有</dd>
            </dl>
            <dl>
                <dd>京ICP证060288号</dd>
                <dd>网络出版服务许可证</dd>
                <dd>北京互联网举报中心</dd>
                <dd>北京12318文化市场举报热线</dd>
            </dl>
            <dl>
                <dd><img src="./images/source/test_code.png" alt=""></dd>
            </dl>
        </div>
        <!-- 底部开始 -->
        <div class="bottom">
            <dl>
                <dt><img src="./images/footer/icon1.png" alt=""></dt>
                <dd>经营性网站备案信息</dd>
            </dl>
            <dl>
                <dt><img src="./images/footer/icon2.png" alt=""></dt>
                <dd>中国互联网诚信联盟</dd>
            </dl>
            <dl>
                <dt><img src="./images/footer/icon3.png" alt=""></dt>
                <dd>中国互联网举报中心</dd>
            </dl>
            <dl>
                <dt><img src="./images/footer/icon4.png" alt=""></dt>
                <dd>网络举报APP下载</dd>
            </dl>
            <dl>
                <dt><img src="./images/footer/icon5.png" alt=""></dt>
                <dd>京公网安备1100000</dd>
            </dl>
            <dl>
                <dt><img src="./images/footer/icon6.png" alt=""></dt>
                <dd>网络文化经营单位</dd>
            </dl>
            <dl>
                <dt><img src="./images/footer/icon7.png" alt=""></dt>
                <dd>暴恐音视频举报中心</dd>
            </dl>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
        integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
        integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+"
        crossorigin="anonymous"></script>
    <script>
        var video1 = document.getElementById("myVideo");
        var close = document.getElementsByClassName("close")[0];
        close.onclick = function () {
            video1.pause(); // 暂停视频播放
            video1.currentTime = 0; // 重置视频播放位置到起始位置
        }
    </script>
</body>

</html>